@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2018-07-09 08:48:55
 * @version $Id$
 */
html,body,div,p,a,span,ul,ol,li,img,nav,input, button, select, footer,textarea{
  margin: 0;
  padding: 0;
}
html,body{
  font:normal 12px/1.5 "Microsoft YaHei";
  max-width: 1080px;
  width: 100%;
  height: 100%;
  /* height: 17rem; */
  position: relative;
  background-color: #fff;
  color: #000;
}
ul {
  list-style: none;
}
input, button,select, textarea ,option{
  border: none;
  outline: none;
  /* -webkit-appearance: none; */
  border-radius: 0;
  color: #000;
}
option{
  padding: 0;
  text-align: center;
}
textarea {resize: none}
a{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
	display: inline-block;
	text-decoration: none;
	color: #232323;
}
img{display: inline-block}
.flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
/*   flex-direction: row;
  justify-content: space-around;
  align-items: center;
  -ms-flex-flow: row-reverse wrap;
  flex-flow: row wrap; */
}
.flex1{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.flex2{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.flex3{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


.clearfix:before,
.clearfix:after{
  content: '';
  display: block;
  clear: both;
  overflow: hidden;
  height: 0;
  line-height: 0;
}
.tac{ text-align: center; }
.tal{ text-align: left; }
.tar{text-align: right;}
.fl{ float: left; }
.fr{ float: right; }
.por{ position: relative; }

.cf{color:#fff;}
.c0{color:#000;}
.b{font-weight: bold;}
.fs20{font-size: 0.2rem;}
.fs24{font-size: 0.24rem;}
.fs28{font-size: 0.28rem;}
.fs30{font-size: 0.3rem;}
.fs36{font-size: 0.36rem;}
.fs40{font-size: 0.4rem;}
.fs42{font-size: 0.42rem;}
.fs48{font-size: 0.48rem;}
.fs50{font-size: 0.5rem;}
.fs54{font-size: 0.54rem;}
.fs60{font-size: 0.6rem;}


::-webkit-input-placeholder {/* WebKit, Blink, Edge */
  color: #cecece;
}
:-moz-placeholder {/* Mozilla Firefox 4 to 18 */
  color: #cecece;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #cecece;
}
:-ms-input-placeholder {/* Internet Explorer 10-11 */
  color: #cecece;
}